<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html style="font-size:15px;">

<head>
  <meta charset=" utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="shortcut icon" href="/favicon.ico" />
  <link rel="bookmark" href="/favicon.ico" />
  <title>CloudEI | Development</title>
  <!--   <title>CloudEI | Test</title>-->
  <script type="module" type="text/javascript">
    import cookie from "./js/cookie.js"
    if (!cookie.getcookie("username") || !cookie.getcookie("token")) {
      window.location = "login.html";
    }
  </script>
  <!-- Theme color -->
  <meta name="theme-color" content="#3c8dbc">
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect. -->
  <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
  <!-- Page style -->
  <link rel="stylesheet" href="css/style.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- amis -->
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  <link rel="stylesheet" href="amis/antd.css" />
  <link rel="stylesheet" href="amis/helper.css" />
  <style>
    html,
    body,
    .app-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }

    @media print {
      .noprint { display: none !important;}
    }

    .navbar-nav>.user-menu>.dropdown-menu>li.user-header{
      height: 185px;
    }

    .right-menu {
      width: 200px;
      background-color: rgb(255, 255, 255);
      font-size: 12px;
      position: fixed;
      top: 0px;
      left: 0px;
      padding-top: 2px;
      border: 1px solid #ccc;
      display: none;
      padding-left:0px;
    }

    .right-menu li {
      list-style: none;
      line-height: 25px;
      margin-left: -1px;
      padding-left: 20px;
    }

    .right-menu li:hover {
      background-color: #4281f4;
      color: #fff;
    }

    #main-menu.sidebar-menu>li.header {
      font-size: 0.9rem;
      color: white;
    }

    .amis-scope {
      overflow-x: unset;
      background: #ffffff;
    }

    .amis-scope .antd-TextControl.is-disabled > .antd-TextControl-input, .amis-scope .antd-ResultBox.is-disabled, .amis-scope .antd-Select.is-disabled{
      background: #f5f5f5;
    }

    .bjs-container>a{
      left: 15px;
      right: auto;
    }

    .icon-picker .antd-Cards-body>div {
      flex-basis: 10%;
    }

    tr .antd-Field-quickEditBtn {
      visibility: hidden;
    }

    tr:hover .antd-Field-quickEditBtn {
      visibility: visible;
    }

    .antd-Service .antd-Wrapper {
      padding: 0;
    }

    .ei-page{
      background-color: #fff;
    }

    .data-model-edit-page .antd-Crud .antd-Panel .antd-Form--inline .antd-Form-item--inline {
      margin-bottom: 0;
    }

    .data-model-edit-page .antd-Crud .antd-Panel .antd-Form .tip {
      float: right;
      color: #6b6b6b;
      margin-right: 0.5rem;
      margin-top: 0.2rem;
    }

    .data-model-edit-page .antd-Crud .antd-Panel-heading {
      display: none;
    }

    .data-model-edit-page .antd-Crud .antd-OperationField {
      float: left;
    }
    .data-model-edit-page .antd-Crud .id-name-link {
      border: none;
      padding: 0;
      margin: 0;
      margin-right: 0.1rem;
      height: 1rem;
    }
    .ei-page-type-crud_edit_page_type.amis-scope .antd-Combo--ver:not(.antd-Combo--noBorder) > .antd-Combo-item, .ei-page-type-crud_edit_page_type.amis-scope .antd-Combo--ver:not(.antd-Combo--noBorder) > .antd-Combo-items > .antd-Combo-item{
      padding: 0rem;
      padding-top: 0.5rem;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    
    .children-edit-main-table-page .antd-Page-body {
      padding-top: 0.5rem;
      padding-bottom: 0;
    }

    .children-edit-main-table-page .antd-Page-body .antd-Panel-body {
      padding-top: 1rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-bottom: 0rem;
    }

    .children-edit-main-table-page .antd-Panel {
      margin-bottom: 0.6rem;
    }

    .children-edit-main-table-page .antd-Collapse {
      margin-bottom: 0;
    }

    .ei-page-type-children_edit_page_type .tab-content {
      padding: 0;
    }

    .ei-page-type-children_edit_page_type .nav-tabs>li>a {
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
    }

    .children-edit-page .children-part {
      margin-top: 0.75rem;
    }

    .one-select-multi-page>div {
      padding-left: 0.75rem;
      padding-right: 0rem;
    }
    .one-select-multi-page>div:first-of-type {
      padding-left: 0rem;
      padding-right: 0rem;
    }

    .one-select-multi-page .tree-part .antd-Panel-heading {
      padding: 1.1rem;
    }

    .one-select-multi-page .tree-part .antd-TreeControl {
      max-height: none;
    }

    .curd-quick-builder-page .view-add-part {
      margin-bottom: 0.3rem;
    }

    .curd-quick-builder-page .amis-scope .antd-Page-body {
      padding: 0;
    }

    .curd-quick-builder-page .view-part.amis-scope {
      background: #fffef2;
      padding: 0.75rem;
      border: dashed 1px #d1d146;
    }

    .curd-quick-builder-page .config-part .antd-Panel {
      margin-bottom: 0.75rem;
    }

    .curd-quick-builder-page .antd-Form {
      margin-top: 0;
    }

    .form-visible-builder-page>div {
      padding-left: 0.75rem;
      padding-right: 0rem;
    }    
    .form-visible-builder-page>div:first-of-type {
      padding-left: 0rem;
      padding-right: 0rem;
    }

    .form-visible-builder-page .amis-scope .antd-Page-body {
      padding: 0;
    }

    .form-visible-builder-page .view-part.amis-scope {
      background: #fffef2;
      padding: 0.75rem;
      border: dashed 1px #d1d146;
    }

    .form-visible-builder-page .form-view-part .antd-Page {
      background: #fff;
    }

    .form-visible-builder-page .config-part .antd-Panel {
      margin-bottom: 0.75rem;
    }

    .form-visible-builder-page .antd-Form {
      margin-top: 0;
    }

    .html-builder-page>div {
      padding-left: 0.75rem;
      padding-right: 0rem;
    }
    .html-builder-page>div:first-of-type {
      padding-left: 0rem;
      padding-right: 0rem;
    }

    .html-builder-page .amis-scope .antd-Page-body {
      padding: 0;
    }

    .html-builder-page .view-part {
      background: #fff;
      padding: 0.75rem;
      border: dashed 1px #d1d146;
    }

    .html-builder-page .form-view-part .antd-Page {
      background: #fff;
    }

    .html-builder-page .config-part .antd-Panel {
      margin-bottom: 0.75rem;
    }

    .html-builder-page .antd-Form {
      margin-top: 0;
    }

    .amis-builder-page>div {
      padding-left: 0.75rem;
      padding-right: 0rem;
    }
    .amis-builder-page>div:first-of-type {
      padding-left: 0rem;
      padding-right: 0rem;
    }

    .amis-builder-page .amis-scope .antd-Page-body {
      padding: 0;
    }

    .amis-builder-page .view-part {
      background: #fff;
      padding: 0.75rem;
      border: dashed 1px #d1d146;
    }

    .amis-builder-page .form-view-part .antd-Page {
      background: #fff;
    }

    .amis-builder-page .config-part .antd-Panel {
      margin-bottom: 0.75rem;
    }

    .amis-builder-page .antd-Form {
      margin-top: 0;
    }

    .crud-add-dialog-4 .crud-add-form-item-property {
      display: none;
    }

    .antd-DropDown ul.antd-DropDown-menu {
      max-height: 200px;
      overflow-y: auto;
    }

    #tabs_container>.nav-tabs-custom>.tab-content {
      padding: 0;
    }

    #tabs_container>.nav-tabs-custom>.nav-tabs {
      border-bottom: 0;
    }

    #tabs_container>.nav-tabs-custom>.nav-tabs a {
      padding-top: 7px;
      padding-bottom: 7px;
      padding-left: 15px;
      padding-right: 6px;
    }

    #tabs_container>.nav-tabs-custom {
      box-shadow: none;
      border-radius: none;
      margin-bottom: 0;
      background-color: transparent;
    }

    #tabs_container>.nav-tabs-custom>.nav-tabs>li {
      border-top: 0;
      margin-right: 0;
    }

    #tabs_container>.nav-tabs-custom>.nav-tabs>li>a {
      font-size: 0.82rem;
    }

    #tabs_container>.nav-tabs-custom>.nav-tabs>li.active>a {
      background-color: #fff;
    }

    #tabs_container>.nav-tabs-custom>.nav-tabs>li>a>.tab-close {
      visibility: hidden;
    }

    #tabs_container>.nav-tabs-custom>.nav-tabs>li:hover>a>.tab-close {
      color: red;
      cursor: pointer;
      visibility: visible;
    }
  </style>
  <!-- amis end -->
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->

<body class="hold-transition skin-blue sidebar-mini">

  <div class="wrapper">

    <!-- Main Header -->
    <header class="main-header">

      <!-- Logo -->
      <a href="index.html" class="logo">
        <!-- mini logo for sidebar mini 50x50 pixels -->
        <span class="logo-mini">CEI</span>
        <!-- logo for regular state and mobile devices -->
        <span class="logo-lg">Cloud<b>EI</b></span>
      </a>

      <!-- Header Navbar -->
      <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
          <span class="sr-only">Toggle navigation</span>
        </a>
        <!-- Navbar Right Menu -->
        <div class="navbar-custom-menu">
          <ul class="nav navbar-nav">
            <!-- Messages: style can be found in dropdown.less-->
            <li class="dropdown messages-menu">
              <!-- Menu toggle button -->
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-envelope-o"></i>
                <span class="label label-success"></span>
              </a>
              <ul class="dropdown-menu">
                <li class="header">You have 4 messages</li>
                <li>
                  <!-- inner menu: contains the messages -->
                  <ul class="menu">
                    <li>
                      <!-- start message -->
                      <a href="#">
                        <div class="pull-left">
                          <!-- User Image -->
                          <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                        </div>
                        <!-- Message title and timestamp -->
                        <h4>
                          Support Team
                          <small><i class="fa fa-clock-o"></i> 5 mins</small>
                        </h4>
                        <!-- The message -->
                        <p>Why not buy a new awesome theme?</p>
                      </a>
                    </li>
                    <!-- end message -->
                  </ul>
                  <!-- /.menu -->
                </li>
                <li class="footer"><a href="#">See All Messages</a></li>
              </ul>
            </li>
            <!-- /.messages-menu -->

            <!-- Notifications Menu -->
            <li class="dropdown notifications-menu">
              <!-- Menu toggle button -->
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-bell-o"></i>
                <span class="label label-warning"></span>
              </a>
              <ul class="dropdown-menu">
                <li class="header">You have 10 notifications</li>
                <li>
                  <!-- Inner Menu: contains the notifications -->
                  <ul class="menu">
                    <li>
                      <!-- start notification -->
                      <a href="#">
                        <i class="fa fa-users text-aqua"></i> 5 new members joined today
                      </a>
                    </li>
                    <!-- end notification -->
                  </ul>
                </li>
                <li class="footer"><a href="#">View all</a></li>
              </ul>
            </li>
            <!-- Tasks Menu -->
            <li class="dropdown tasks-menu">
              <!-- Menu Toggle Button -->
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-flag-o"></i>
                <span class="label label-danger"></span>
              </a>
              <ul class="dropdown-menu">
                <li class="header">You have 9 tasks</li>
                <li>
                  <!-- Inner menu: contains the tasks -->
                  <ul class="menu">
                    <li>
                      <!-- Task item -->
                      <a href="#">
                        <!-- Task title and progress text -->
                        <h3>
                          Design some buttons
                          <small class="pull-right">20%</small>
                        </h3>
                        <!-- The progress bar -->
                        <div class="progress xs">
                          <!-- Change the css width attribute to simulate progress -->
                          <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
                            aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                            <span class="sr-only">20% Complete</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <!-- end task item -->
                  </ul>
                </li>
                <li class="footer">
                  <a href="#">View all tasks</a>
                </li>
              </ul>
            </li>
            <!-- User Account Menu -->
            <li class="dropdown user user-menu">
              <!-- Menu Toggle Button -->
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <!-- The user image in the navbar-->
                <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
                <!-- hidden-xs hides the username on small devices so only the image appears. -->
                <span id="username" class="hidden-xs">未登录</span>
              </a>
              <ul class="dropdown-menu">
                <!-- The user image in the menu -->
                <li class="user-header">
                  <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                  <p id="emp_info">
                    姓名-部门
                    <small>职位</small>
                  </p>
                </li>
                <!-- Menu Body 
                <li class="user-body">
                  <div class="row">
                    <div class="col-xs-4 text-center">
                      <a href="#">Followers</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Sales</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Friends</a>
                    </div>
                  </div>
                </li>-->
                <!-- Menu Footer-->
                <li class="user-footer">
                  <div class="pull-left">
                    <a href="#" class="btn btn-default btn-flat">修改密码</a>
                  </div>
                  <div class="pull-right">
                    <a href="#" id="logout" class="btn btn-default btn-flat">退出</a>
                  </div>
                </li>
              </ul>
            </li>            
            <!-- print button -->
            <li class="dropdown print-menu">
              <a href="#" class="dropdown-toggle" onclick="javascript:window.print();">
                <i class="fa fa-print"></i>
                <span class="label label-success"></span>
              </a>
            </li>
            <!-- Control Sidebar Toggle Button -->
            <li>
              <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
            </li>
          </ul>
        </div>
      </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">

      <!-- sidebar: style can be found in sidebar.less -->
      <section class="sidebar">

        <!-- Sidebar Menu -->
        <ul id="main-menu" class="sidebar-menu" data-widget="tree">

        </ul>
        <!-- /.sidebar-menu -->
      </section>
      <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Main content -->
      <section id="tabs_container" class="content container-fluid" style="padding: 0">

        <!--| Your Page Content Here | -->
        <div class="nav-tabs-custom">
          <ul class="nav nav-tabs noprint">
          </ul>
          <div class="tab-content">
          </div>
        </div>
        <!-- page content -->


      </section>
      <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
      <!-- Create the tabs -->
      <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
        <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
        <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
      </ul>
      <!-- Tab panes -->
      <div class="tab-content">
        <!-- Home tab content -->
        <div class="tab-pane active" id="control-sidebar-home-tab">
          <h3 class="control-sidebar-heading">Recent Activity</h3>
          <ul class="control-sidebar-menu">
            <li>
              <a href="javascript:;">
                <i class="menu-icon fa fa-birthday-cake bg-red"></i>

                <div class="menu-info">
                  <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                  <p>Will be 23 on April 24th</p>
                </div>
              </a>
            </li>
          </ul>
          <!-- /.control-sidebar-menu -->

          <h3 class="control-sidebar-heading">Tasks Progress</h3>
          <ul class="control-sidebar-menu">
            <li>
              <a href="javascript:;">
                <h4 class="control-sidebar-subheading">
                  Custom Template Design
                  <span class="pull-right-container">
                    <span class="label label-danger pull-right">70%</span>
                  </span>
                </h4>

                <div class="progress progress-xxs">
                  <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                </div>
              </a>
            </li>
          </ul>
          <!-- /.control-sidebar-menu -->

        </div>
        <!-- /.tab-pane -->
        <!-- Stats tab content -->
        <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
        <!-- /.tab-pane -->
        <!-- Settings tab content -->
        <div class="tab-pane" id="control-sidebar-settings-tab">
          <form method="post">
            <h3 class="control-sidebar-heading">General Settings</h3>

            <div class="form-group">
              <label class="control-sidebar-subheading">
                Report panel usage
                <input type="checkbox" class="pull-right" checked>
              </label>

              <p>
                Some information about this general settings option
              </p>
            </div>
            <!-- /.form-group -->
          </form>
        </div>
        <!-- /.tab-pane -->
      </div>
    </aside>
    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
  immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
  </div>
  <!-- ./wrapper -->
  <!-- REQUIRED JS SCRIPTS -->

  <!-- jQuery 3 -->
  <script src="bower_components/jquery/dist/jquery.min.js"></script>
  <!-- Bootstrap 3.3.7 -->
  <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <!-- AdminLTE App -->
  <script src="dist/js/adminlte.min.js"></script>
  <!-- MD5 -->
  <script src="js/md5.js"></script>
  <!-- Main Menu -->
  <script type="module" src="js/menu.js"></script>
  <!-- amis -->
  <script src="amis/sdk.js"></script>
  <!-- Main Tabs -->
  <script type="module" src="js/tabs.js"></script>

  <!-- Js this Page -->
  <script type="module" type="text/javascript">
    import request from "./js/request.js"
    import cookie from "./js/cookie.js"
    $(function () {
      $("#username").text(cookie.getcookie("username"));
      $("#emp_info").html("<small>" + cookie.getcookie("job_number") + "</small>"
        + cookie.getcookie("emp_name") + " - " + cookie.getcookie("org_name") 
        + "<small>" + cookie.getcookie("position_name") + "</small>");
      //退出
      $("#logout").click(function () {
        request("login/out", {}, function (data) {
          if (!data.success) {
            alert(data.msg);
          }
          else {
            window.location = "login.html";
          }
        });
        return false;
      });
    });
  </script>
  <!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. -->
  </ul>
</body>

</html>